/**==============================================================* Sentir - Responsive admin & dashboard template * Version 1.0.0 * ReleaseMay 15, 2014==============================================================**//**=================================LARGE DESKTOP > 1200px=================================**/@media (min-width: 1200px) {
}/**=================================STANDARD DESKTOP 992px <> 1200px=================================**/
@media (min-width: 992px) and (max-width: 1199px) {/**-------------------------------------------PRICING TABLE-------------------------------------------**/
.pricing-table-wrap {
margin: 60px;
}
.table-item .circle-best {
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/
.weather-widget h1.degrees {
font-size: 50px;
}
}/**=================================TABLET < 1025px=================================**/
@media (max-width: 1025px) {/**-------------------------------------------MAIN LAYOUT-------------------------------------------**/
.sidebar-left, .sidebar-right {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
}
}/**=================================SMALL DESKTOP 768px <> 991px=================================**/
@media (min-width: 768px) and (max-width: 991px) {/**-------------------------------------------MAIN LAYOUT-------------------------------------------**/
body {
overflow-x: hidden;
}
.wrapper {
overflow-x: hidden;
}
.top-navbar.toggle {
left: 250px;
right: -250px;
}
.sidebar-left {
left: -250px;
top: 0;
}
.sidebar-left.toggle {
left: 0px;
}
.icon-dinamic {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.icon-dinamic.rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.page-content {
margin-left: 0px;
}
.page-content.toggle {
margin-left: 250px;
margin-right: -250px;
}
.page-content.toggle-left {
margin-left: -250px;
margin-right: 250px;
}/**-------------------------------------------PRICING TABLE-------------------------------------------**/
.pricing-table-wrap {
margin: 60px 0;
}
.table-item .circle-best {
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/
.weather-widget h1.degrees {
font-size: 50px;
}
}/**=================================TABLET < 800px=================================**/
@media (max-width: 800px) {/**-------------------------------------------MAIN LAYOUT-------------------------------------------**/
body {
padding-top: 120px;
}
.wrapper {
overflow-x: hidden;
}
.top-navbar {
height: auto;
}
.logo-brand {
width: 100%;
height: 60px;
position: relative;
padding-left: 10px;
text-align: left;
}
.top-nav-content {
margin-left: 0px;
height: 60px;
}/**-------------------------------------------PRICING TABLE-------------------------------------------**/
.table-item-2 .table-heading h1 sup, .table-item-2 .table-heading h1 sub {
top: -5px;
display: block;
}
.table-item-2 .table-heading h1 sub {
top: 10px;
bottom: 0px;
}
.table-item-2 .table-heading h1 {
font-size: 50px;
margin-bottom: 20px;
padding: 30px 0;
}/**-------------------------------------------BLOG APPS-------------------------------------------**/
.carousel.blog-carousel .carousel-caption p {
display: none;
}
.carousel.blog-carousel .carousel-caption h2 {
font-size: 24px;
}
}/**=================================TABLET < 767px=================================**/
@media (max-width: 767px) {/**-------------------------------------------MAIN LAYOUT-------------------------------------------**/
body {
padding-top: 120px;
}
.wrapper {
overflow-x: hidden;
}
.top-navbar {
height: auto;
}
.top-navbar.toggle {
left: 250px;
right: -250px;
}
.logo-brand {
width: 100%;
height: 60px;
position: relative;
}
.top-nav-content {
margin-left: 0px;
height: auto;
padding: 0;
}
.sidebar-left {
top: 0;
left: -250px;
}
.sidebar-right {
top: 60px;
right: -250px;
bottom: 0;
width: 250px;
}
.sidebar-left.toggle {
left: 0px;
}
.page-content {
margin-left: 0px;
left: 0;
}
.page-content.toggle {
left: 0;
margin-left: 250px;
margin-right: -250px;
}
.page-content.toggle-left {
margin-left: -250px;
margin-right: 250px;
}
.sidebar-right.toggle-left {
right: 0px;
}
.nav-dropdown-content {
height: auto;
max-width: 100%;
}
.btn-collapse-sidebar-right {
top: -60px;
}
.btn-collapse-nav {
display: block;
}
.icon-dinamic {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.icon-dinamic.rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon-plus {
-webkit-transition:All 0.2 ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
.icon-plus.rotate-45 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.top-nav-content .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
height: auto;
}
.top-nav-content .navbar-nav > li > a .icon-count {
top: 10px;
right: auto;
left: 40px;
}
ul.nav-user {
right: 0px;
left: 0px;
text-align: center;
position: relative;
margin-left: 50px;
margin-right: 50px;
}
ul.nav-user li.dropdown {
display: block;
}
ul.nav-user li.dropdown .dropdown-menu {
text-align: left;
left: 0;
right: 0;
}
ul.nav-user li.dropdown a.dropdown-toggle {
height: 60px;
max-width: 100%;
}
.navbar-collapse {
max-height: 280px;
}/**-------------------------------------------MASONRY-------------------------------------------**/
.container-masonry ol {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}/**-------------------------------------------BLOG APPS-------------------------------------------**/
.col-full-width-right, .col-full-width-left {
padding: 0 15px;
}
.blog-detail-image .blog-title, .blog-detail-image:hover .blog-title {
position: relative;
background: #fff;
opacity: 1;
color: #434A54;
}
.blog-detail-image .blog-title a {
color: #37BC9B;
text-decoration: none;
}
.blog-detail-image .blog-title h1, .blog-detail-image .blog-title h2, .blog-detail-image .blog-title h3, .blog-detail-image .blog-title h4, .blog-detail-image .blog-title h5 {
color: #656D78;
}
.featured-post-wide .featured-text {
padding: 5px 5px 5px 40px;
}/**-------------------------------------------REAL ESTATE APPS-------------------------------------------**/
.store-list .store-image, .blog-list .blog-image, .property-list .property-image {
width: 100%;
margin-bottom: 30px;
padding-right: 0;
}
.store-list .pull-left, .blog-list .pull-left, .property-list .pull-left {
margin-right: 0;
}/**-------------------------------------------PRICING TABLE-------------------------------------------**/
.pricing-table-wrap {
margin: 50px 0;
}
.table-item .circle-best {
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}
.table-item-2 .table-heading h1 {
font-size: 80px;
margin-bottom: 30px;
}
.table-item-2 .table-heading h1 sup, .table-item-2 .table-heading h1 sub {
top: -50px;
display: inline;
}
.table-item-2 .table-heading h1 sub {
top: 0;
bottom: -50px;
}
}/**=================================PHONE < 640px=================================**/
@media (max-width: 640px) {
}/**=================================PHONE < 600px=================================**/
@media (max-width: 600px) {/**-------------------------------------------SOCIAL APPS-------------------------------------------**/
ul.timeline li.centering-line {
left: 15px;
margin-left: 0px;
}
ul.timeline li.item-timeline {
width: 100%;
}
ul.timeline li:nth-child(even).item-timeline {
float: left;
clear: left;
}
ul.timeline li:nth-child(odd).item-timeline {
float: left;
clear: left;
}
ul.timeline li:nth-child(odd).item-timeline.highlight, ul.timeline li:nth-child(odd).item-timeline.highlight {
float: left;
clear: left;
}
ul.timeline li.item-timeline .inner-content {
margin: 10px;
margin-left: 35px;
}
ul.timeline li:nth-child(even).item-timeline.highlight .buletan, ul.timeline li:nth-child(odd).item-timeline.highlight .buletan, ul.timeline li:nth-child(even).item-timeline .buletan, ul.timeline li:nth-child(odd).item-timeline .buletan {
left: 11px;
top: 35px;
margin-left: 0;
}
ul.timeline li.item-timeline:nth-child(even):before {
top: 29px;
right: auto;
left: 25px;
border-left: 0px solid #fff;
border-right: 12px solid #fff;
border-right-color: #fff;
}
ul.timeline li.item-timeline:nth-child(odd).highlight:before, ul.timeline li.item-timeline:nth-child(even).highlight:before, ul.timeline li.item-timeline:nth-child(odd):before {
top: 29px;
left: 25px;
display: inline-block;
border-top: 12px solid transparent;
border-right: 12px solid #fff;
border-bottom: 12px solid transparent;
border-right-color: #fff;
content: '';
}
ul.timeline li.center-timeline-cat .inner {
border-radius: 0 5px 5px 0;
margin: 20px 0 20px 19px;
}
ul.timeline li:first-child.center-timeline-cat .inner, ul.timeline li:last-child.center-timeline-cat .inner {
margin: 20px 0 20px 19px;
}
.featured-post-wide .featured-text {
position: relative;
width: 100%;
padding: 5px 15px 15px 15px;
}
}/**=================================PHONE < 548px=================================**/
@media (max-width: 548px) {/**-------------------------------------------PRICING TABLE-------------------------------------------**/
.pricing-table-wrap {
margin: 40px 0;
}
.table-item {
width: 100%;
margin-bottom: 40px;
margin-top: 0;
}
.table-item.best-choice {
margin-left: 0;
margin-right: 0;
margin-top: 0px;
margin-bottom: 40px;
}
.table-item:first-child, .table-item:last-child {
border-radius: 5px;
}
}/**=================================PHONE < 480px=================================**/
@media (max-width: 480px) {
.login-header {
height: 140px;
}
.login-header .logo {
margin-top: 50px;
}
.login-wrapper {
max-width: 250px;
margin: 150px auto 0;
}/**-------------------------------------------MASONRY-------------------------------------------**/
.container-masonry ol {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}/**-------------------------------------------SOCIAL APPS-------------------------------------------**/
.img-wrap-col .img-col-3, .img-wrap-col .img-col-4, .img-wrap-col .img-col-5 {
width: 50%;
}
.profile-heading img.avatar {
left: 50%;
margin-left: -35px;
bottom: 190px;
z-index: 3;
width: 70px;
height: 70px;
}
.profile-heading .user-name {
position: relative;
left: auto;
bottom: auto;
color: #434A54;
}
.profile-heading .right-button {
position: relative;
bottom: auto;
right: auto;
}
.profile-heading .profile-info {
position: relative;
padding-left: 10px;
padding-top: 40px;
text-align: center;
height: auto;
}/**-------------------------------------------STORE APPS-------------------------------------------**/
.item-lg .item-des {
position: relative;
width: 100%;
overflow-y: none;
}/**-------------------------------------------MAIL APPS-------------------------------------------**/
.list-group-item.mail-list span.attachment, .list-group-item.mail-list span.subject {
display: none;
}
}/**=================================PHONE < 360px=================================**/
@media (max-width: 360px) {
}/**=================================PHONE < 320px=================================**/
@media (max-width: 320px) {
}
